---
title: Lokalisasi
description: Menyesuaikan bahasa dApp Anda dengan terjemahan bawaan
---

# Lokalisasi

## Menyesuaikan bahasa dApp Anda dengan terjemahan bawaan

Secara default, RainbowKit mendukung lokal `en-US` untuk pengguna berbahasa Inggris.

Jika tersedia, RainbowKit akan mendeteksi [bahasa pilihan](https://developer.mozilla.org/en-US/docs/Web/API/Navigator/language) pengguna dan memilih terjemahan yang sesuai. Pengembang selalu dapat mengganti bahasa default.

Untuk menentukan bahasa bagi pengguna Anda, cukup tambahkan `locale="zh-CN"` sebagai properti dalam `RainbowKitProvider` Anda

```tsx
import { RainbowKitProvider } from '@rainbow-me/rainbowkit';

export const App = () => (
  <RainbowKitProvider locale="zh-CN" {...etc}>
    {/* Your App */}
  </RainbowKitProvider>
);
```

### Menggunakan dengan Next.js

Dukungan lokalisasi RainbowKit berfungsi lebih baik dengan [Pembagian Jalur Sub](https://nextjs.org/docs/pages/building-your-application/routing/internationalization#sub-path-routing).

Konfigurasikan proyek Next.js Anda seperti contoh di bawah ini untuk menambahkan jalur sub `/locale/` opsional ke rute Anda, yang akan membantu mesin pencari dan pengguna lebih mengenali dukungan multi-bahasa Anda.

```json
// next.config.js
{
  i18n: {
    locales: ['default', 'en', 'zh-CN'],
    defaultLocale: 'default',
  },
}
```

Kemudian berikan `locale` yang disediakan oleh Pages Router ke `RainbowKitProvider`

```tsx
import { RainbowKitProvider, Locale } from '@rainbow-me/rainbowkit';

export const App = () => {
  const { locale } = useRouter() as { locale: Locale };
  return (
    <RainbowKitProvider locale={locale} {...etc}>
      {/* Your App */}
    </RainbowKitProvider>
  )
};
```

Anda dapat merujuk contoh untuk Pages Router [di sini](https://github.com/rainbow-me/rainbowkit/tree/main/examples/with-next).

Router Aplikasi belum mendukung i18n. Rujuk contoh terpisah kami [di sini](https://github.com/rainbow-me/rainbowkit/tree/main/examples/with-next-app-i18n) untuk praktik implementasi terbaik dengan middleware [`next-intl`](https://github.com/amannn/next-intl).

Disarankan agar Anda menggunakan teknik yang sama untuk menerjemahkan konten dApp Anda untuk mendukung lokalisasi penuh. Perpustakaan lokalisasi seperti [`i18n-js`](https://github.com/fnando/i18n) dan [`next-intl`](https://github.com/amannn/next-intl) dan alat manajemen seperti Crowdin akan menyederhanakan proses ini.

### Bahasa yang Didukung

Kami menyediakan dukungan penuh untuk wilayah `locale` berikut:

<Table
  header={[
    'Bahasa', 'Wilayah', 'Locale', 'Bentuk Singkat'
  ]}
  dataTypes={[
    'string', 'string', 'kode', 'kode'
  ]}
  data={[
    ['English', 'United States 🇺🇸', 'en-US', 'en'],
    ['中文', 'Mainland China 🇨🇳', 'zh-CN', 'zh-Hans', 'zh'],
    ['繁體中文', 'Hong Kong 🇭🇰', 'zh-HK'],
    ['繁體中文', 'Taiwan 🇹🇼', 'zh-TW', 'zh-Hant'],
    ['हिंदी', 'India 🇮🇳', 'hi-IN', 'hi'],
    ['Español', 'Latin America 🌎', 'es-419', 'es'],
    ['Français', 'France 🇫🇷', 'fr-FR', 'fr'],
    ['العربية', 'Middle East 🌍', 'ar-AR', 'ar'],
    ['Português', 'Brazil 🇧🇷', 'pt-BR', 'pt'],
    ['Русский', 'Russia 🇷🇺', 'ru-RU', 'ru'],
    ['Bahasa Indonesia', 'Indonesia 🇮🇩', 'id-ID', 'id'],
    ['日本語', 'Japan 🇯🇵', 'ja-JP', 'ja'],
    ['Türkçe', 'Turkey 🇹🇷', 'tr-TR', 'tr'],
    ['한국어', 'South Korea 🇰🇷', 'ko-KR', 'ko'],
    ['ภาษาไทย', 'Thailand 🇹🇭', 'th-TH', 'th'],
    ['українська', 'Ukraine 🇺🇦', 'uk-UA', 'ua'],
    ['Tiếng Việt', 'Vietnam 🇻🇳', 'vi-VN', 'vi'],
    ['Deutsch', 'Germany 🇩🇪', 'de-DE', 'de'],
    ['Bahasa Melayu', 'Malaysia 🇲🇾', 'ms-MY', 'ms']
  ]}
/>

Jika Anda ingin melihat dukungan untuk bahasa tambahan, silakan buka [Diskusi GitHub](https://github.com/rainbow-me/rainbowkit/discussions/new?category=ideas) dan kami akan bekerja untuk mendukungnya secepat mungkin.
